import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

//responsive自动计算rem单位
import '@/assets/js/responsive'
// 阿里图标库
import '@/assets/fonts/iconfont.css'

// 引入api接口
import * as api from '@/api'
// 将api设置为vue的原型对象(组件实例对象和Vue实例都能直接使用) 
// 注意在Vuex中的this指向的是store，所以不能直接使用
Vue.prototype.$api=api

import { Grid, GridItem,Image,Lazyload,Loading,NavBar,Search,Icon,Tag,Empty,NoticeBar} from 'vant';
// import 'vant/lib/index.css';
import 'vant/lib/index.less';
Vue.use(Grid);
Vue.use(GridItem);
Vue.use(Image);
Vue.use(Lazyload);
Vue.use(Loading);
Vue.use(NavBar);
Vue.use(Search);
Vue.use(Icon);
Vue.use(Tag);
Vue.use(Empty);
Vue.use(NoticeBar);

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
